
#SlideItMoo_outer {
	overflow: hidden;
	width: 990px; 
	height: 160px;
	margin:25px auto; 
	background: none; 
	display:block; 
	position:relative; 
	padding:0;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width: 30px; 
	height: 47px; 
	bottom:50px; 
	right: 5px; 
	background:url(../img/slideitmoo_forward.png) no-repeat center;
	opacity:0.2;
	-webkit-transition:all 400ms;
	transition:all 400ms;    
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(../img/slideitmoo_back.png) no-repeat center;  
}

#SlideItMoo_outer .SlideItMoo_forward:hover{
	opacity:0.7;
	background:url(../img/slideitmoo_forward_hover.png) no-repeat center;
	-webkit-transition:all 400ms;
	transition:all linear 400ms;
}

#SlideItMoo_outer .SlideItMoo_back:hover{
	opacity:0.7;
	background:url(../img/slideitmoo_back_hover.png);
	-webkit-transition:all 400ms;
	transition:all linear 400ms;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	width: 1000px ;
	margin-left:5px; /* set a display width to make the slider look good in case js is disabled */
	
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element{ 
	display:block; 
	position:relative; 
	float:left;
	margin:0 20px 0 0; 
	width: 300px;
	height:160px;
	overflow:hidden; 
}

.span{
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
  color: #fff;
  background: rgba(000,000,000,0.5);
  position: absolute;
  margin: 120px 0 0 0;
  padding: 10px 10px 10px 10px;
  width: 280px;
  height: 20px;
  text-align: right;
  overflow:hidden;
}